<nz-spin [nzSpinning]="loadingData" style="width: 100%;margin: auto;" [nzTip]="'正在获取数据...'">
  <nz-layout>
    <nz-content>
      <div class="selectFilter">
        <nz-select style="width: 120px;" [(ngModel)]="theSubjectFilterType" (ngModelChange)="getList()">
          <nz-option [nzValue]="false" [nzLabel]="'正在演练'"></nz-option>
          <nz-option [nzValue]="true" [nzLabel]="'已关闭演练'"></nz-option>
        </nz-select>
      </div>
      <div style="clear:both;">
        <h1 style="text-align: center; margin-top: 120px; font-size: 30px;font-weight: bold;" *ngIf="listEntities.entities && listEntities.entities.length==0">
          {{!loadingData?'没有符合打分条件内容':''}}
        </h1>
      </div>
      <div nz-row [nzGutter]="40" class="clearfix">

        <div nz-col [nzSpan]="6" *ngFor="let data of listEntities.entities; let i = index">
          <nz-card [class]="'bg'+getIndex(i)">
            <p style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 21px;font-weight: bold;">{{
              data.drillSubjectName }}</p>
            <ul style="margin-top: 23px;">
              <li style="font-size: 14px;">
                创建时间：{{data.createTime | date:'yyyy-MM-dd HH:mm:ss'}}
              </li>
              <li style="font-size: 14px;">
                <div style="float:left; margin-right: 3px;" *ngFor="let roleinfo of data.listDrillRoles">{{roleinfo.roleName+':'+roleinfo.studentName}}</div>
              </li>
            </ul>
            <div nz-row class="bottom">
              <span nz-col [nzSpan]="theSubjectFilterType?24:12" (click)="startDrill(data.id)">
                <i class="anticon anticon-check"></i>
                演练评分
              </span>
              <span nz-col *ngIf="!theSubjectFilterType" [nzSpan]="12" (click)="closeSubject(data)">
                <i class="anticon anticon-close"></i>
                关闭演练
              </span>
            </div>
          </nz-card>
        </div>
      </div>
      <nz-pagination style="margin-right:25px;float:right" (nzPageIndexChange)="getList()" [nzPageIndex]="listEntities.currentPageIndex"
        [nzPageSize]="listEntities.pageSize" [nzTotal]="listEntities.recordTotalCount"></nz-pagination>
    </nz-content>
  </nz-layout>
</nz-spin>
